<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML5语义标签简单示例</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            line-height: 1.6;
        }
        header, footer {
            background-color: #333;
            color: white;
            padding: 20px;
            text-align: center;
        }
        nav {
            background-color: #444;
            padding: 10px;
        }
        nav a {
            color: white;
            margin: 0 15px;
            text-decoration: none;
        }
        section {
            padding: 20px;
            margin: 15px 0;
            background-color: #f4f4f4;
        }
        article {
            background-color: white;
            padding: 15px;
            margin: 10px 0;
            border: 1px solid #ddd;
        }
        aside {
            background-color: #e6e6e6;
            padding: 15px;
            margin: 15px 0;
        }
    </style>
</head>
<body>
    <header>
        <h1>网站标题</h1>
        <p>网站副标题或标语</p>
    </header>
    
    <nav>
        <a href="#">首页</a>
        <a href="#">产品</a>
        <a href="#">服务</a>
        <a href="#">关于我们</a>
        <a href="#">联系我们</a>
    </nav>
    
    <main>
        <section>
            <h2>最新消息</h2>
            <article>
                <h3>新闻标题1</h3>
                <p>新闻内容摘要...</p>
                <p>发布时间：2023年5月1日</p>
            </article>
            <article>
                <h3>新闻标题2</h3>
                <p>新闻内容摘要...</p>
                <p>发布时间：2023年4月28日</p>
            </article>
        </section>
        
        <section>
            <h2>我们的服务</h2>
            <p>我们提供以下优质服务...</p>
        </section>
    </main>
    
    <aside>
        <h3>相关链接</h3>
        <ul>
            <li><a href="#">链接1</a></li>
            <li><a href="#">链接2</a></li>
            <li><a href="#">链接3</a></li>
        </ul>
    </aside>
    
    <footer>
        <p>© 2023 公司名称. 保留所有权利.</p>
    </footer>
</body>
</html>